<!--vue模板-->
<template>
  <!--页头-->
  <Header></Header>
  <div class="main">
    <!--左侧导航 -->
    <left-nav></left-nav>
    <!--工作区-->
    <workspace></workspace>
  </div>
</template>

<!--vue 组件选项定义-->
<script setup>
import Header from "./frames/Header.vue";
import LeftNav from "./frames/LeftNav.vue";
import workspace from "./frames/WorkSpace.vue";
import { ref } from "vue";
</script>

<!--vue样式 scoped当前样式只适用于当前组件-->
<style scoped>
.main {
  width: 100%;
  height: calc(100vh - 80px);
  background-color: #eee;
}
</style>
